<?php
  require_once("header.inc.php");
?>
<!DOCTYPE html>
<html>
  <head>
    <title>Mantis Scrum Board - <?php echo(VERSAO) ?> - Exibição alteranada automática</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="js/ptt/prototype.js"></script>
    <script type="text/javascript" src="js/sct/scriptaculous.js"></script>
    <style type="text/css">
      html, body, div, iframe { margin: 0; padding: 0; height: 100%; }
      iframe { display: block; width: 100%; border: none; background-color: white;}
      body { background-image: url("img/clienteFundo.png"); background-repeat: no-repeat; background-position: center; }
    </style>
    <script type="text/javascript" src="js/scripts.js"></script>
    <script type="text/javascript">
      var alternaTimeOut = <?php echo(ALTERNATE_TIMEOUT); ?>;
      var timeOut = 0;
      var unidades = new Array();
<?php
  $i = 0;
  foreach ($unidades as $unidchave => $unidvalor) { 
    echo("      unidades[$i] = \"$unidchave\"\n");
    $i++;
  }
?>
      
      var unididx = -1
      
      function mostrarProximaUnidade() {
        if (unididx > -1 ) {
          $(unidades[unididx]).fade({ queue: "end", duration: 3 });
          //$(unidades[unididx]).shrink({ queue: "end" });
        }

        unididx++

        if (unididx == unidades.length) {
          unididx = 0;  
        }

        $(unidades[unididx]).appear({ queue: "end", duration: 3 });
        //$(unidades[unididx]).grow({ queue: "end" });
        
        timeOut = new Date().getTime() + alternaTimeOut;
        temporizador();
      }

      function temporizador() {  
        var agora = new Date().getTime();
        
        if (timeOut > agora) {
          setTimeout("temporizador()",1000);  
        } else {
          mostrarProximaUnidade();
        }
      }

      Event.observe(document
                   ,"dom:loaded"
                   ,function() {
                      timeOut = new Date().getTime() + alternaTimeOut; 
                      mostrarProximaUnidade();
                   });
    </script>
  </head>
  <body>
    <div>
<?php 
  foreach ($unidades as $unidchave => $unidvalor) { 
    echo("      <iframe id=\"$unidchave\" style=\"display: none;\" src=\"index.php?auto=$unidchave\"></iframe>\n");
  } 
?>
    </div>
  </body>
</html>